<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ranklist</title>
    <link rel="stylesheet" href="ranklist.css">
</head>
<body>
    <div class="lyftoptoptop">

         <div></div>
         <div id="lyfrankbtn">排行榜</div>
         <div></div>
         <div></div>
         <div></div>
         <div></div>
    </div>
   
    <div class="lyfrank_background">
        <div class="lyfrank_top">
            <img class="lyfrank_top_picture" title="飙升榜">
            <div class="lyfrank_top_details">
                <font class="lyftitle">飙升榜</font>
                <font class="lyfline1"></font>
                <div class="lyfrank_top_btns1">
                    <button>播放</button>
                    <button>+</button>
                </div>
                <div class="lyfrank_top_btns2">
                    <button id="lyfcollect"></button>
                    <button id="lyfforward"></button>
                    <button>下载</button>
                    <button id="lyfcomment"></button>
                </div>
            </div>
        </div>

        <div class="lyfsongsList">
            <span class="lyfsongslist1">歌曲列表</span>
            <span class="lyfsongslist2"></span>
            <span class="lyfsongslist3">播放：<span class="lyfsongslist3_times">222</span> 次</span>
            <div class="lyfsongsContent">
                <div class="lyfsongsContent_line1">
                    <div id="lyftitle_1"></div>
                    <div id="lyftitle_2">标题</div>
                    <div id="lyftitle_3">时长</div>
                    <div id="lyftitle_4">歌手</div>
                </div>
                <div class="lyfssssongs">
                    <div class="lyftop1">
                        <div class="lyfnumberOfSongs">1</div>
                        <div class="lyfimgOfSongs"><img class="lyftop1_1" src="./img/芙莉莲.jpg"></div>
                        <div class="lyfnameOfSongs1"></div>
                        <div class="lyfdurationOfSongs"></div>
                        <div class="lyfsingerOfSongs"></div>
                    </div>
                    <div class="lyftop2">
                        <div class="lyfnumberOfSongs">2</div>
                        <div class="lyfimgOfSongs"><img class="lyftop1_1" src="./img/章鱼哥.jpg"></div>
                        <div class="lyfnameOfSongs1"></div>
                        <div class="lyfdurationOfSongs"></div>
                        <div class="lyfsingerOfSongs"></div>
                    </div>
                    <div class="lyftop3">
                        <div class="lyfnumberOfSongs">3</div>
                        <div class="lyfimgOfSongs"><img class="lyftop1_1" src="./img/派大星.jpg"></div>
                        <div class="lyfnameOfSongs1"></div>
                        <div class="lyfdurationOfSongs"></div>
                        <div class="lyfsingerOfSongs"></div>
                    </div>
                    <div class="lyfsongsStyle" id="lyfsongsStyle1"></div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
    <script src="ranklist.js"></script>
</body>
</html>